<div class="row">
  <div class="col-md-6">
    <div class="row">
      <div class="col-md-4">
        <nb-card status="info" size="tiny">
          <nb-card-header style="color: white">账户余额</nb-card-header>
          <nb-card-body><i class="fa fa-yen-sign"></i><i style="float: right">{{unitInfo.balance}} 元</i></nb-card-body>
        </nb-card>
      </div>
      <div class="col-md-4">
        <nb-card status="primary" size="tiny">
          <nb-card-header style="color: white">本月用电</nb-card-header>
          <nb-card-body><i class="fa fa-bolt"></i><i style="float: right">{{monthUsage}} 度</i></nb-card-body>
        </nb-card>
      </div>
      <div class="col-md-4">
        <nb-card status="warning" size="tiny">
          <nb-card-header style="color: white">本月账单</nb-card-header>
          <nb-card-body><i class="fa fa-yen-sign"></i><i style="float: right;">{{monthAmt}} 元</i></nb-card-body>
        </nb-card>
      </div>
    </div>
    <nb-card>
      <nb-card-header>充值记录</nb-card-header>
      <nb-card-body>
        <nb-list>
          <nb-list-item>
            <p>上次充值:</p>
            <i *ngIf="lastBillResult!=null">
              充值金额：{{lastBillResult.billAmt}}<br>充值日期：{{lastBillResult.billDate}}
            </i>
            <i *ngIf="lastBillResult==null">尚无充值记录</i>
          </nb-list-item>
        </nb-list>
      </nb-card-body>
      <nb-card-footer>
        <a routerLink="../charge" nbButton status="info">充值</a>
      </nb-card-footer>
    </nb-card>
  </div>
  <div class="col-md-6">
    <nb-card>
      <nb-card-header>我的信息</nb-card-header>
      <nb-card-body>
        <div class="form-group">
          <label>用户名</label>
          <input nbInput class="form-control" [(ngModel)]="user.userName" disabled>
          <label>公司名</label>
          <input nbInput class="form-control" [(ngModel)]="user.corpName">
          <label>部门名</label>
          <input nbInput class="form-control" [(ngModel)]="user.teamName">
          <label>地址</label>
          <input nbInput class="form-control" [(ngModel)]="user.address">
          <label>联系电话</label>
          <input nbInput class="form-control" [(ngModel)]="user.telephone">
        </div>
      </nb-card-body>
      <nb-card-footer>
        <button nbButton [status]="'info'">保存</button>
      </nb-card-footer>
    </nb-card>
  </div>
</div>
<nb-card>
  <nb-card-header>我的单元</nb-card-header>
  <nb-card-body>
    <ng2-smart-table [settings]="unitSettings" [source]="source">
    </ng2-smart-table>
  </nb-card-body>
</nb-card>
